TEXT EFFECT 4 U
vertical text
<marquee direction="up" scrollAmount="0scrollDelay=0" style="filter:wave(
add=10,phase=1,freq=2,strength=30)" width="100" height="225">
<center> <br> I<br> r<br> r<br> a<br> m<br>
<br> i<br> s<br> s<br> </center></marquee>
marquee text dgn bg
<marquee bgcolor="#FF0000">TEXT / LINK DI SINI</marquee>
wave marquee text
<marquee direction="up" style="filter:wave
(add=0, lightstrength=75, phase=1, strength=1, freq=2)
;color:#FF99CC"><center>
TEXT / LINK <br>
TEXT / LINK <br>
TEXT / LINK DI SINI<br></center></marquee>
glowing text
<TABLE STYLE="filter:glow(color=#cc0000,
strength=10)">
<TR><TD><center>
Text Here</center></TD></TR></TABLE>
text pelangi
<B>
<FONT size="5">
< script >
/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/
// ********** MAKE YOUR CHANGES HERE
var text="This Is The Rainbow Text!!!" // YOUR TEXT
var speed=80 // SPEED OF FADE
// ********** LEAVE THE NEXT BIT ALONE!
if (document.all||document.getElementById){
document.write('<SPAN id="highlight">' + text + '</SPAN>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
< /script >
</FONT></B>
roller text
<script>
/*
Roller Coaster Script-
By JavaScript Kit
Over 200+ free scripts here!
*/
var fs=1
var direction="right"
function rollertext(whichone){
var thetext=whichone
for (i=0;i-thetext.length;i++){
document.write(thetext.charAt(i).fontsize(fs))
if (fs-7&&direction=="right")
fs++
else if (fs==7){
direction="left"
fs--
}
else if (fs==1){
direction="right"
fs++
}
else if (fs-1&&direction=="left")
fs--
}
}
//Change below text to your won
rollertext("Tulis Text di sini")
</script>
text border
<MARQUEE width="300" style="border:2px dotted deeppink">TEXT</MARQUEE>
span text pelangi
<!-- TWO STEPS TO INSTALL MYRAINBOWSPAN:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<script type="text/javascript">
<!-- Begin
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: HaganeNoKokoro :: http://tinyurl.com/buvp9 */
/*
* Notes on hue
*
* This script uses hue rotation in the following manner:
* hue=0 is red (#FF0000)
* hue=60 is yellow (#FFFF00)
* hue=120 is green (#00FF00)
* hue=180 is cyan (#00FFFF)
* hue=240 is blue (#0000FF)
* hue=300 is magenta (#FF00FF)
* hue=360 is hue=0 (#FF0000)
*
* Notes on the script
*
* This script should function in any browser that supports document.getElementById
* It has been tested in Netscape7, Mozilla Firefox 1.0, and Internet Explorer 6
*
* Accessibility
*
* The script does not write the string out, but rather takes it from an existing
* HTML element. Therefore, users with javascript disabled will not be adverely affected.
* They just won't get the pretty colors.
*/
/*
* splits par.firstChild.data into 1 span for each letter
* ARGUMENTS
* span - HTML element containing a text node as the only element
*/
function toSpans(span) {
var str=span.firstChild.data;
var a=str.length;
span.removeChild(span.firstChild);
for(var i=0; i<a; i++) {
var theSpan=document.createElement("SPAN");
theSpan.appendChild(document.createTextNode(str.charAt(i)));
span.appendChild(theSpan);
}
}
/*
* creates a rainbowspan object
* whose letters will be colored [deg] degrees of hue
* ARGUMENTS
* span - HTML element to apply the effect to (text only, no HTML)
* hue - what degree of hue to start at (0-359)
* deg - how many hue degrees should be traversed from beginning to end of the string (360 => once around, 720 => twice, etc)
* brt - brightness (0-255, 0 => black, 255 => full color)
* spd - how many ms between moveRainbow calls (less => faster)
* hspd - how many hue degrees to move every time moveRainbow is called (0-359, closer to 180 => faster)
*/
function RainbowSpan(span, hue, deg, brt, spd, hspd) {
this.deg=(deg==null?360:Math.abs(deg));
this.hue=(hue==null?0:Math.abs(hue)%360);
this.hspd=(hspd==null?3:Math.abs(hspd)%360);
this.length=span.firstChild.data.length;
this.span=span;
this.speed=(spd==null?50:Math.abs(spd));
this.hInc=this.deg/this.length;
this.brt=(brt==null?255:Math.abs(brt)%256);
this.timer=null;
toSpans(span);
this.moveRainbow();
}
/*
* sets the colors of the children of [this] as a hue-rotating rainbow starting at this.hue;
* requires something to manage ch externally
* I had to make the RainbowSpan class because M$IE wouldn't let me attach this prototype to [Object]
*/
RainbowSpan.prototype.moveRainbow = function() {
if(this.hue>359) this.hue-=360;
var color;
var b=this.brt;
var a=this.length;
var h=this.hue;
for(var i=0; i<a; i++) {
if(h>359) h-=360;
if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; }
else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; }
else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; }
else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; }
else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; }
else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; }
h+=this.hInc;
this.span.childNodes[i].style.color="rgb("+red+", "+grn+", "+blu+")";
}
this.hue+=this.hspd;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<script type="text/javascript">
var r1=document.getElementById("r1"); //get span to apply rainbow
var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect
myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed);
</script>
<div align="center">
<p id="r2">&& Beautiful..</p>
</div>
<script type="text/javascript">
var r2=document.getElementById("r2"); //get span to apply rainbow
var myRainbowSpan2=new RainbowSpan(r2, 0, 360, 255, 50, 348); //apply static rainbow effect
myRainbowSpan2.timer=window.setInterval("myRainbowSpan2.moveRainbow()", myRainbowSpan2.speed);
</script>
<!-- Script Size: 4.85 KB --></BODY>
bg warna
<font color="#000000" style="BACKGROUND-COLOR:#ffffff">Your text</font>
wavy text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)">TEXT</span>
text script
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; COLOR: #000000; LINE-HEIGHT: 88pt; FONT-FAMILY: script; LETTER-SPACING: -2px">TEKS</FONT>
swirl text
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 70pt; COLOR: #000000; LINE-HEIGHT: 60pt; FONT-FAMILY: script; LETTER-SPACING: -1px">Swirl Text</FONT>
shadow text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: dropshadow(Color=#00ff00, OffX=2, OffY=2, positive=2)">TEXT</span>
flip text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: flipv">TEXT</span>
text digital
<FONT style="FONT-SIZE: 20pt; COLOR:black; FONT-FAMILY: small fonts;" style="line-height:15px;">TEXT DIGITAL</FONT>
steal letter
<SPAN style="width:80;height:70;font-size:23px;font-family:verdana;color:#000000;font-weight:bold;filter:mask(color=#000000) shadow(color=#555555, direction=135) chroma(color=#000000)">TEKS</SPAN>
opacity text
TEXT
overlap text
Eksempel
Eksempel
terminal text
TEXT HERE
roman text
TEXT HERE
blinky text
<script LANGUAGE="JavaScript1.2">
<!-- Begin
text = "TEXT HERE"; // The text to scroll
color1 = "green"; // original text color
color2 = "yellow"; // new character color
fontsize = "3"; // font size of text
speed = 75; // how fast to rotate to next character
// time is in milliseconds, (i.e. 1000 = 1 second)
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor() {
if (navigator.appName == "Netscape") {
document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j <text.length; j++) {
if(j == i) {
document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>");
}
else {
document.a.document.write(text.charAt(j));
}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j <text.length; j++) {
if( j == i) {
str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++; // reset after going through all letters
}
setInterval("changeCharColor()", speed);
// End -->
</script>
<!-- Script Size: 1.89 KB -->
small fonts
<FONT style="FONT-SIZE: 7pt; COLOR:black; FONT-FAMILY: small fonts; text-transform: uppercase">TEXT</FONT>
Bold text
<b>TEXT</b>
italic text
<i>TEXT HERE</i>
3D text
<FONT face="verdana"><TABLE style="filter:shadow(strength=50)"><FONT size="8" color="#808080" style="filter:blur(add=1, phase=3, freq=5, strength=55)"> 3D -TEXT<FONT></FONT></FONT></MARQUEE></TABLE></FONT>
strike text
<s>TEXT</s>
text garis bawah
<u> TEXT HERE </u>
ganti ukuran font
<font size="Nomer 1 n dst">TEXT</font>
updates
<u> TEXT </u>
ganti tipe font
<font face="FONTNAME">TEXT HERE</font>
text zig zag berjalan
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Zig Zag Text</marquee></marquee>
jumping text
<B><MARQUEE behavior="alternate" scrolldelay="55" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="10" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="50" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="10" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="30" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="45" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="35" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="10" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="55" width="9%">LETTER HERE</MARQUEE></B>
</MARQUEE></MARQUEE>
slow text
<marquee onMouseover="this.scrollAmount=2" onMouseout="this.scrollAmount=5">TEXT</marquee>
text shadow 2
<span style="font-weight:130px; text-shadow:#BBBB00 0.1em 0.1em 0.1em"><b>TEKS</b></span>
text warna
<font color="warna apa aja">TEKS KAMU</font>
Created by 1rza™2011
Log in